<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>智慧工地</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="../../css/master.css" />
		<link rel="stylesheet" type="text/css" href="../../css/find.css" />
		<link rel="stylesheet" href="../../libs/waitMe/waitMe.min.css">
		<!-- 遮罩css -->
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-head bg-00BC8D">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title text-ffffff">视频监控</h1>
		</header>
		<div class="mui-content find">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right smzryqk" href=""><span class="mui-icon mui-icon-contact">&nbsp;&nbsp;实时视频</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right sgkqtj"><span class="mui-icon mui-icon-map">&nbsp;&nbsp;视频回放</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right xzhhr"><span class="mui-icon mui-icon-compose">&nbsp;&nbsp;视频查询</span></a>
				</li>
				<!--<li class="mui-table-view-cell">
					<a class="mui-navigate-right paizhao"><span class="mui-icon mui-icon-compose">&nbsp;&nbsp;拍照</span></a>
				</li>-->
			</ul>
		</div>
		<!--mui-content-->

		<!--foot-->
		<nav class="mui-bar mui-bar-tab mui-bottom">
			<a class="mui-tab-item index sy">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item ry">
				<span class="mui-icon mui-icon-find"></span>
				<span class="mui-tab-label">人员管理</span>
			</a>
			<a class="mui-tab-item cl" href="#">
				<span class="mui-icon mui-icon-service"></span>
				<span class="mui-tab-label">车辆管理</span>
			</a>
			<a class="mui-tab-item xt">
				<span class="mui-icon mui-icon-set"></span>
				<span class="mui-tab-label">系统管理</span>
			</a>
		</nav>
	</body>

	<script src="../../js/jquery.min.js"></script>
	<!-- jquery -->
	<script src="../../js/mui.min.js"></script>
	<!-- mui -->
	<script src="../../libs/waitMe/waitMe.min.js"></script>
	<!-- 遮罩 -->
	<script src="../../js/setting.js"></script>
	<!-- 配置文件 -->
	<script src="../../js/common.js"></script>
	<!-- 公共方法 -->

	<script>
		var h = mui(document).common();

		//实时视频
		/*mui(".mui-table-view").on('tap', '.smzryqk', function(e) {
			var htype = {
				obj: this,
				url: 'realTimeVideo/realTimeVideo.html',
				id: 'realTimeVideo'
			}
			h.eachClick(htype);
		});*/
		
		//视频回放
		/*mui(".mui-table-view").on('tap', '.sgkqtj', function(e) {
			var htype = {
				obj: this,
				url: 'playBack/playBack.html',
				id: 'playBack'
			}
			h.eachClick(htype);
		});*/
		
		//视频查询
		/*mui(".mui-table-view").on('tap', '.xzhhr', function(e) {
			var htype = {
				obj: this,
				url: 'videoSearching/videoSearching.html',
				id: 'videoSearching'
			}
			h.eachClick(htype);
		});*/
		
		
		//拍照
		/*mui(".mui-table-view").on('tap', '.paizhao', function(e) {
			var htype = {
				obj: this,
				url: 'testcamera/testcamera.html',
				id: 'testcamera'
			}
			h.eachClick(htype);
		});*/

		//点击底部首页
		mui(".mui-bottom").on('tap', '.sy', function(e) {
			var htype = {
				obj: this,
				url: '../index.html',
				id: 'index'
			}
			h.eachClick(htype);
		});

		//点击底部车辆管理
		mui(".mui-bottom").on('tap', '.cl', function(e) {
			var htype = {
				obj: this,
				url: '../car/car.html',
				id: 'car'
			}
			h.eachClick(htype);
		});
		//点击底部人员管理
		mui(".mui-bottom").on('tap', '.ry', function(e) {
			var htype = {
				obj: this,
				url: '../personnel/personnelList.html',
				id: 'personnel'
			}
			h.eachClick(htype);
		});

		//点击底部系统管理
		mui(".mui-bottom").on('tap', '.xt', function(e) {
			var htype = {
				obj: this,
				url: '../system/system.html',
				id: 'system'
			}
			h.eachClick(htype);
		});
	</script>
</html>